<template>
  <div id="app">
    <!-- <VDplayer :options="options"></VDplayer> -->
    <!-- <v-dplayer :options=options></v-dplayer> -->
    <AdButton>111</AdButton>
    <AdList></AdList>
  </div>
</template>

<script>
// import dplayer from './assets/dplayer/dplayer.vue'
export default {
  name: "app",
  data() {
    return {
      options: {
        autoplay: false,
        theme: "#FADFA3",
        loop: true,
        lang: "zh-cn",
        screenshot: true,
        hotkey: true,
        preload: "auto",
        logo: "logo.png",
        volume: 0.7,
        mutex: true,
        video: {
          url: "dplayer.mp4",
          pic: "dplayer.png",
          thumbnails: "thumbnails.jpg",
          type: "auto",
        },
        subtitle: {
          url: "dplayer.vtt",
          type: "webvtt",
          fontSize: "25px",
          bottom: "10%",
          color: "#b7daff",
        },
        danmaku: {
          id: "9E2E3368B56CDBB4",
          api: "https://api.prprpr.me/dplayer/",
          token: "tokendemo",
          maximum: 1000,
          addition: ["https://api.prprpr.me/dplayer/bilibili?aid=4157142"],
          user: "DIYgod",
          bottom: "15%",
          unlimited: true,
        },
        contextmenu: [
          {
            text: "custom1",
            link: "https://github.com/DIYgod/DPlayer",
          },
          {
            text: "custom2",
            click: (player) => {
              console.log(player);
            },
          },
        ],
      },
    };
  },
  components: {
    // 'v-dplayer': dplayer
  },
  methods: {},
  mounted() {
    let a = 11;
    if (a == 1) {
      console.log(11);
    }
  },
};
</script>

<style lang="scss">
</style>